<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<style>
.imageWrapper
{
    position: relative;
    display: inline-block;
    width: 700px;
}

#shiftMe
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 1500px;
}
</style>
<script src="../resources/text-based-repaint.js"></script>
<script>
function repaintTest()
{
    shiftMe.style.left = "-250px";
}
</script>
</head>
<body onload="runRepaintAndPixelTest();">
    <div>This test checks that shifting an abspos container will properly repaint its descendants.</div>
    <div>The images below should be correctly repainted.</div>
    <div id="shiftMe">
        <div class="imageWrapper">
            <img src="../resources/apple.jpg">
        </div>
        <div class="imageWrapper">
            <img src="../resources/apple.jpg">
        </div>
    </div>
</body>
</html>
